/* 全局样式表 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  min-height: 100%;
}
html,
body,
#app {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  /* background-color: #f9f9f9; */
  /* overflow-x: hidden;
  overflow-y: auto; */
  width: 100%;
  height: 100%;
}

.oh,
.ox,
.oy {
  overflow: hidden;
}
.oa {
  overflow: auto;
}
.ox {
  overflow-x: auto;
}
.oy {
  overflow-y: auto;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.ps {
  position: static;
}
.pf {
  position: fixed;
}
.x{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.xe {
  display: flex;
  flex-direction: row-reverse;
}
.y {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.ye {
  display: flex;
  flex-direction: column-reverse;
}
.wn {
  flex-wrap: nowrap;
}
.ww {
  flex-wrap: wrap;
}
.we {
  flex-wrap: wrap-reverse;
}
.zs {
  justify-content: flex-start;
}
.ze {
  justify-content: flex-end;
}
.zc {
  justify-content: center;
}
.zb {
  justify-content: space-between;
}
.za {
  justify-content: space-around;
}

.js {
  align-items: flex-start;
}
.je {
  align-items: flex-end;
}
.jc {
  align-items: center;
}
.jb {
  align-items: baseline;
}
.jst {
  align-items: stretch;
}
.as {
  align-content: flex-start;
}
.ae {
  align-content: flex-end;
}
.ac {
  align-content: center;
}
.ab {
  align-content: space-between;
}
.aa {
  align-content: space-around;
}
.ast {
  align-content: stretch;
}
.nb {
  flex-grow: 0;
}
.ns {
  flex-shrink: 0;
}
.xw {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.nbx,
.nsb {
  flex-grow: 0;
  flex-shrink: 0;
}
.nfd {
  flex-shrink: 0;
}
.b {
  box-sizing: border-box;
}

.tc {
  text-align: center;
}
.wfm {
  min-width: 100%;
}
.wf {
  width: 100%;
}
.wfi {
  width: 100%;
  box-sizing: border-box;
}
.wmc {
  min-width: max-content;
}
.wa {
  width: auto;
}
.w25 {
  width: 25%;
}
.w50 {
  width: 50%;
}
.hf {
  height: 100%;
}
.h50 {
  height: 50%;
}
.mt1em {
  margin-top: 1em;
}
.ml04em {
  margin-left: 0.4em;
}
.ml1em {
  margin-left: 1em;
}
.mr1em {
  margin-right: 1em;
}
.cm {
  color: #e55927;
}
.bcm {
  background-color: #e55927;
}

.p1em {
  padding: 1rem;
}
.p04em{
  padding: 0.4em;
}
.bxr {
  border-right: 1px solid #dcdfe6;
}
.bxb {
  border-bottom: 1px solid #dcdfe6;
}

.bx {
  border: 1px solid #dcdfe6;
  border-radius: 0.6em;
}

.bx1 {
  border: 1px solid rgb(255, 0, 0);
}
.bx2 {
  border: 2px solid rgb(146, 144, 0);
}
.bx3 {
  border: 1px solid rgb(127, 0, 153);
}
.bx4 {
  border: 2px solid rgb(39, 138, 0);
}
.bx5 {
  border: 1px solid rgb(0, 0, 0);
}
.bx6 {
  border: 1px solid rgb(3, 0, 172);
}
.bx7 {
  border: 1px solid rgb(0, 108, 151);
}
.bx8 {
  border: 1px solid rgb(0, 1, 88);
}
.bx9 {
  border: 1px solid rgb(109, 0, 160);
}
.fg1 {
  flex-grow: 1;
}
